<div class="the-box no-border store-list">
	<div class="media">
		<div class="clearfix visible-xs"></div>
		<div class="media-body">
            <a href="#fakelink"></a>
            <h4 class="media-heading">
                <a href="#fakelink"><strong style="color:#656D78">{{{ $step->title }}}</strong></a></h4>
                <!--<img src="http://laravel-recetas.com/img/recipes/receta1.png" class="center-block img-responsive" alt="Receta 1">-->
            @if (!empty($step->image_url))
            <div class="col-sm-5">
                {{ HTML::image(  $step->image_url, $step->title, array( 'class' => 'img-responsive' )) }}
            </div>
           
            @endif
             <div class=" @if (!empty($step->image_url)) col-sm-7 @endif">
				<p class="hidden-xs">{{{ $step->step_description }}}</p>
			</div>
		</div><!-- /.media-body -->
	</div><!-- /.media -->
</div>